<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>个人中心</title>

    <!--固定框架-->
    <link rel='stylesheet' href='../css/bootstrap.min.css'>

    <!--图标库-->
    <link rel='stylesheet' href='../css/material-design-iconic-font.min.css'>

    <!--核心样式-->
    <link rel="stylesheet" href="../css/personal_page_style.css">
    <link rel="stylesheet" href="../layui/css/layui.css">
</head>

<body>

    <div id="viewport">

        <!-- Sidebar -->
        <div id="sidebar">
            <header>
                <a href="#">个人中心</a>
            </header>
            <ul class="nav">

                <li>
                    <img src="../images/1.jpg" alt="" />
                    <span>欢迎您! 管理员</span>
                </li>

                <li>
                    <a href="../myweb/personal_page.html">
                        <i class="zmdi zmdi-view-dashboard"></i> 返回首页
                    </a>
                </li>
                <li>
                    <a href="../myweb/shopping.html">
                        <i class="zmdi zmdi-link"></i> 商城购物
                    </a>
                </li>
                <li>
                    <a href="../myweb/student_information.html">
                        <i class="zmdi zmdi-widgets"></i> 宿舍信息
                    </a>
                </li>
                <li>
                    <a href="#">
                        <i class="zmdi zmdi-calendar"></i> 宿舍费用查询与缴纳
                    </a>
                </li>

                <li>
                    <a href="../myweb/personal_page_communication.html">
                        <i class="zmdi zmdi-settings"></i> 留言板
                    </a>
                </li>
                <li>
                    <a href="../myweb/worker.html">
                        <i class="zmdi zmdi-comment-more"></i> 联系我们
                    </a>
                </li>
            </ul>



            <script type="text/javascript">
                $(".sidebar li a").each(function() {
                    //window.location.href对象用于获得当前页面的地址 (URL)，
                    //String() 函数把对象的值转换为字符串    
                    if ($(this)[0].href == String(window.location)) {
                        //一级菜单高亮
                        $(this).closest('ul').parent("li").addClass("on").siblings().removeClass("on");
                    }
                });
            </script>

        </div>

        <!-- Content -->
        <div id="content">
            <nav class="navbar navbar-default">
                <div class="container-fluid">
                    <ul class="nav navbar-nav navbar-right">
                        <li>
                            <a href="#"><i class="zmdi zmdi-notifications text-danger"></i></a>
                        </li>
                        <li><a href="#">账户退出</a></li>
                    </ul>

                </div>
            </nav>
            <div class="container-fluid">

            </div>
            <table border="1">
                <caption>学生信息</caption>
                <tr>
                    <th>姓名</th>
                    <th>性别</th>
                    <th>年龄</th>
                    <th>学院</th>
                    <th>专业班级</th>
                    <th>学号</th>
                    <th>宿舍号</th>
                    <th>床位号</th>
                </tr>
                <tr>
                    <td>xxx</td>
                    <td>xxx</td>
                    <td>xxx</td>
                    <td>xxx</td>
                    <td>xxx</td>
                    <td>xxx</td>
                    <td>xxx</td>
                    <td>xxx</td>
                </tr>
                <tr>
                    <td>xxx</td>
                    <td>xxx</td>
                    <td>xxx</td>
                    <td>xxx</td>
                    <td>xxx</td>
                    <td>xxx</td>
                    <td>xxx</td>
                    <td>xxx</td>
                </tr>
                <tr>
                    <td>xxx</td>
                    <td>xxx</td>
                    <td>xxx</td>
                    <td>xxx</td>
                    <td>xxx</td>
                    <td>xxx</td>
                    <td>xxx</td>
                    <td>xxx</td>
                </tr>
                <tr>
                    <td>xxx</td>
                    <td>xxx</td>
                    <td>xxx</td>
                    <td>xxx</td>
                    <td>xxx</td>
                    <td>xxx</td>
                    <td>xxx</td>
                    <td>xxx</td>
                </tr>

            </table>



        </div>

    </div>

</body>

</html>